/**
* pzy create  2018/7/2
*/

// app 的 logo
@mixin mixlogo($top, $bottom, $left) {
  display: flex;
  text-align: center;
  margin: $top 0 $bottom $left; 
  img {
    width: 3rem;
    height: 3rem;
    margin-right: .6rem;
  }
  span {
    font-size: 2rem;
    color: #9B9B9B;
    margin: auto 0;
  }
}

// 修改密码和忘记密码字体样式
%com-title {
  width: 15rem;
  height: 4.2rem;
  margin: 0 18.8rem 0 3.7rem;
  span {
    font-size: 3rem;
    color: #1D1B1B;
    font-weight: bold;
  }
}

// input输入框高度
%com-ionitem {
  height: 6.4rem;
}

// input输入样式
@mixin mixinput($mt) {
  margin-top: $mt;
  .item-ios {
    padding-left: 3.8rem;
    padding-right: 3.7rem;
  }
  input {
    width: 30rem;
    margin-bottom: .8rem;
    color: #2D323A;
    font-size: 1.6rem;
  }
  ion-label {
    color: #C5C3C3;
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}

// 没有渐变边框
%com-no-has-linergradient {
  border-bottom: .2rem solid #F4F4F4;
}

// 有渐变边框
%com-has-linergradient {
  border-bottom: .2rem solid;
  border-image: -webkit-linear-gradient( #7c7bf8, #5aa9fc) 30 30;
  border-image: -moz-linear-gradient( #7c7bf8, #5aa9fc) 30 30;
  border-image: linear-gradient( #7c7bf8, #5aa9fc) 30 30;
  border-image: -webkit-linear-gradient(left, #7c7bf8 0%, #5aa9fc 90%) 10;
}

// input输入框字体浮动 字号跳转
%com-input-focus-float {
  transform: translate3d(0, 0, 0) scale(1);
}

// 所有com的按钮 除login-or-register登录注册页外
@mixin mixbtn($mt) {
    margin-top: $mt;
    text-align: center;
    button {
      width: 30rem;
      height: 4.8rem;
      margin: 0 auto;
      font-size: 1.6rem;
      font-weight: 550;
      color: #fff; // background-color: #7c7bf8;
      border-radius: .5rem; // background: -moz-linear-gradient(left, #7c7bf8 0%, #5aa9fc 100%);
      // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7bf8), color-stop(100%,#5aa9fc));
      // background: -webkit-linear-gradient(left, #7c7bf8 0%,#5aa9fc 100%);
      // background: -o-linear-gradient(left, #7c7bf8 0%,#5aa9fc 100%);
      // background: -ms-linear-gradient(left, #7c7bf8 0%,#5aa9fc 100%);
      background: linear-gradient(to right, #7c7bf8 0%, #5aa9fc 100%);
    }
}
// 验证码按钮
%com-code-btn {
    position: relative;
    .border-code-time {
      position: absolute;
      bottom: 0.4rem;
      right: 3.7rem;
      width: 9.8rem;
      height: 2.8rem;
      line-height: 2.8rem;
      border: 1px solid #C5C3C3;
      border-radius: 2rem;
      text-align: center;
      button {
        font-size: 1.4rem;
        color: #C5C3C3;
        background-color: transparent;
      }
    }
}